<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>商品添加</title>
</head>
<!--字体图标-->
<link href="${pageContext.request.contextPath}/static/javaex/pc/css/icomoon.css" rel="stylesheet" />
<!--动画-->
<link href="${pageContext.request.contextPath}/static/javaex/pc/css/animate.css" rel="stylesheet" />
<!--骨架样式-->
<link href="${pageContext.request.contextPath}/static/javaex/pc/css/common.css" rel="stylesheet" />
<!--皮肤（缇娜）-->
<link href="${pageContext.request.contextPath}/static/javaex/pc/css/skin/tina.css" rel="stylesheet" />
<!--标题logo-->
<link rel="icon" href="${pageContext.request.contextPath}/static2/images/toplogo.jpg">
<!--jquery，不可修改版本-->
<script src="${pageContext.request.contextPath}/static/javaex/pc/lib/jquery-1.7.2.min.js"></script>
<!--全局动态修改-->
<script src="${pageContext.request.contextPath}/static/javaex/pc/js/common.js"></script>
<!--核心组件-->
<script src="${pageContext.request.contextPath}/static/javaex/pc/js/javaex.min.js"></script>
<!--表单验证-->
<script src="${pageContext.request.contextPath}/static/javaex/pc/js/javaex-formVerify.js"></script>
<style>
    input{
        margin: 20px;
        width: 70%;
    }
    span{
        margin-left: 30px;
    }
    button{
        width: 80%;
        margin: 30px;
    }
</style>


    <form id="form"  method="post" enctype="multipart/form-data">
<%--        <span>商品id</span><input id="goods_id" type="text"  class="text" placeholder="请输入商品id" autocomplete="off" /><br>--%>
        <span>商品名称</span><input  type="text" name="goods_name" class="text" placeholder="请输入商品名称" autocomplete="off" /><br>
        <span>商品分类</span><select name="cat_id" autocomplete="off">
                    <option value="1">电脑办公</option>
                    <option value="2">手机数码</option>
                    <option value="3">游戏娱乐</option>
                    <option value="4">运动健康</option>
                    <option value="5">家用电器</option>
                    <option value="6">母婴玩具</option>
                    <option value="7">图书音像</option>
                    <option value="8">家具家居</option>
                    <option value="9">汽车用品</option></select><br>
        <span>商品图片1</span><input id="image1" type="file" name="file"  class="text" placeholder="商品图片1" autocomplete="off"   /><br>
        <span>商品图片2</span><input id="image2" type="file" name="file" class="text" placeholder="商品图片2" autocomplete="off" /><br>
        <span>商品图片3</span><input id="image3" type="file" name="file" class="text" placeholder="商品图片3" autocomplete="off" /><br>
        <span>商品图片4</span><input id="image4" type="file" name="file" class="text" placeholder="商品图片4" autocomplete="off" /><br>
        <span>商品图片5</span><input id="image5" type="file" name="file" class="text" placeholder="商品图片5" autocomplete="off" /><br>
        <span>单价</span><input id="goods_price" type="text" name="goods_price" class="text" placeholder="单价" autocomplete="off" /><br>
        <span>数量</span><input id="goods_number" type="text" name="goods_number" class="text" placeholder="数量" autocomplete="off" /><br>
        <span>简介</span><input id="goods_introduce" type="text" name="goods_introduce" class="text" placeholder="简介" autocomplete="off" /><br>
        <input id="save" type="submit" class="button green" autocomplete="off" ></input>
    </form>

<script>
    $('#form').submit(function(){
        var formData = new FormData($("#form")[0]);  //表单里的数据放在 formData 里面
        $.ajax({
            url:'${pageContext.request.contextPath}/goods/goodsAdd', 			    	//数据请求路径
            type:'POST',			    //这里用post方式=
            data:formData,		 	    //传输的数据
            async: true,		 	    //同步：true,异步：false;这里同步异步都可以，看自己的需求
            processData: false,		    //这个一定要是false,
            contentType: false,			//这个也要是false,
            dataType:'json',			//返回的数据格式
            success:function (res) {
                if(res.type === 'success'){
                    javaex.optTip({
                        content : "添加成功",
                        type : "success",
                    });
                    // 建议延迟加载
                    setTimeout(function() {
                        parent.javaex.close();
                        parent.location.reload();
                    }, 1000);
                }else{
                    alert("res.msg");
                }
            }
        });
        return false;//这个防止表单提交后刷新页面
    })
</script>
<%--    <script type="text/javascript">--%>
<%--        function shangchuan() {--%>
<%--            var goods_name = document.getElementsByName("goods_name")[0].value;--%>
<%--            var cat_id = document.getElementsByName("cat_id")[0].value;--%>
<%--            var goods_price = document.getElementsByName("goods_price")[0].value;--%>
<%--            var goods_number = document.getElementsByName("goods_number")[0].value;--%>
<%--            var goods_introduce = document.getElementsByName("goods_introduce")[0].value;--%>
<%--            var filesl = document.getElementsByName("file")[0].files;--%>
<%--            var files = document.getElementsByName("file")[0];--%>

<%--            var formData = new FormData();--%>
<%--            for(var i=0;i < filesl.length;i++){--%>
<%--                formData.append("file",files.files[i]);--%>
<%--            }--%>
<%--            formData.append("goods_name", goods_name);--%>
<%--            formData.append("cat_id", cat_id);--%>
<%--            formData.append("goods_price", goods_price);--%>
<%--            formData.append("goods_number", goods_number);--%>
<%--            formData.append("goods_introduce", goods_introduce);--%>
<%--            console.log(formData);--%>
<%--            $.ajax({--%>
<%--                url:"${pageContext.request.contextPath}.action",--%>
<%--                type:"post",--%>
<%--                data:formData,--%>
<%--                dataType:"json",--%>
<%--                mimeType: "multipart/form-data",--%>
<%--                cache:false,--%>
<%--                processData:false,--%>
<%--                contentType:false,--%>
<%--                async:false,--%>
<%--                success:function (res) {--%>
<%--                    if(res.type === 'success'){--%>
<%--                        javaex.optTip({--%>
<%--                            content : "修改成功",--%>
<%--                            type : "success"--%>
<%--                        });--%>
<%--                        // 建议延迟加载--%>
<%--                        setTimeout(function() {--%>
<%--                            parent.javaex.close();--%>
<%--                            parent.location.reload();--%>
<%--                        }, 1000);--%>
<%--                    }else{--%>
<%--                        alert("res.msg");--%>
<%--                    }--%>
<%--                }--%>
<%--            })--%>
<%--        }--%>
<%--    </script>--%>

</html>
